<!-- 打卡页面  -->
<template>
  <div style="max-width: 750px; margin: 0 auto">
    <div class="big_box" style="max-width: 750px; margin: 0 auto">
      <!-- 上部分 开始 -->
      <van-notice-bar
        scrollable
        left-icon="volume-o"
        text="公告公告公告公告公告公告公告公告公告"
      />
      <div class="big_box_top">日期时间: {{ time }}</div>
      <div class="big_box_top">物流号+商品名称</div>
      <div class="big_box_top">
        <van-button type="info" @click="search">搜索</van-button>
        <van-button type="info" style="margin-left: 10px" @click="check"
          >查单</van-button
        >
        <!-- <van-button type="info" style="margin-left: 10px">暂存</van-button> -->
        <!-- <van-button type="info" style="margin-left: 10px" @click="changeShow"
          >上传</van-button
        > -->
      </div>
    </div>
  </div>
</template>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
// import Mixin from "./clockin";
// import clockinMixin from "./clockinMixin";
export default {
  name: "clockInView",
  components: {
    /** popup 弹出框 */
    // popup: () => import('./popupView.vue')
  },
  // mixins: [Mixin, clockinMixin],
  data() {
    return {
      time: "" // 当前时间
    };
  },
  mounted() {
    this.getTime();
  },
  created() {},
  methods: {
    // 去往搜索
    search() {
      this.$router.push("/searchView?mode=read");
    },
    // 去往查单
    check() {
      this.$router.push("/checkTheIst");
    },
    // 获取当前时间
    getTime() {
      setInterval(() => {
        var date = new Date();

        // 年、月、日
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var day = date.getDate();

        // 时、分、秒
        var hour = date.getHours();
        var minute = date.getMinutes();
        var second = date.getSeconds();
        this.time =
          year +
          "-" +
          month +
          "-" +
          day +
          " " +
          hour +
          ":" +
          minute +
          ":" +
          second;
      }, 1000);
    },
  },
};
</script>
<style scoped >
.van-uploader {
  display: block;
}
.big_box {
  width: 100%;
  background: url("https://s3.bmp.ovh/imgs/2023/02/27/072d644dbb04f591.png");
  background-size: 100% 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0.3125rem;
  font-size: 0.15rem;
  color: #404040;
}

.big_box_top {
  padding-left: 10px;
  margin-top: 10px;
}
</style>
